ProfessionalWiki / Bootstrap

  * Bootstrap collapse.js v4.6.1 (https://getbootstrap.com/)

  * Copyright 2011-2021 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)

  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)

  */

(function (global, factory) {

  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('jquery'), require('./util.js')) :

})(this, (function ($, Util) { 'use strict';

  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

  var $__default = /*#__PURE__*/_interopDefaultLegacy($);

  var Util__default = /*#__PURE__*/_interopDefaultLegacy(Util);

  function _defineProperties(target, props) {

    for (var i = 0; i < props.length; i++) {

      var descriptor = props[i];

      descriptor.enumerable = descriptor.enumerable || false;

      descriptor.configurable = true;

      Object.defineProperty(target, descriptor.key, descriptor);

    }

  }

  function _createClass(Constructor, protoProps, staticProps) {

    return Constructor;

  }

  function _extends() {

    _extends = Object.assign || function (target) {

      for (var i = 1; i < arguments.length; i++) {

        var source = arguments[i];

        for (var key in source) {

          if (Object.prototype.hasOwnProperty.call(source, key)) {

            target[key] = source[key];

        }

      }

      return target;

    };

    return _extends.apply(this, arguments);

  }

  /**

   * Constants

   */

  var NAME = 'collapse';

  var VERSION = '4.6.1';

  var DATA_KEY = 'bs.collapse';

  var EVENT_KEY = "." + DATA_KEY;

  var DATA_API_KEY = '.data-api';

  var JQUERY_NO_CONFLICT = $__default["default"].fn[NAME];

  var CLASS_NAME_SHOW = 'show';

  var CLASS_NAME_COLLAPSE = 'collapse';

  var CLASS_NAME_COLLAPSING = 'collapsing';

  var CLASS_NAME_COLLAPSED = 'collapsed';

  var DIMENSION_WIDTH = 'width';

  var DIMENSION_HEIGHT = 'height';

  var EVENT_SHOW = "show" + EVENT_KEY;

  var EVENT_SHOWN = "shown" + EVENT_KEY;

  var EVENT_HIDE = "hide" + EVENT_KEY;

  var EVENT_HIDDEN = "hidden" + EVENT_KEY;

  var EVENT_CLICK_DATA_API = "click" + EVENT_KEY + DATA_API_KEY;

  var SELECTOR_ACTIVES = '.show, .collapsing';

  var SELECTOR_DATA_TOGGLE = '[data-toggle="collapse"]';

  var Default = {

    toggle: true,

    parent: ''

  };

  var DefaultType = {

    toggle: 'boolean',

    parent: '(string|element)'

  };

  /**

   * Class definition

   */

  var Collapse = /*#__PURE__*/function () {

    function Collapse(element, config) {

      this._isTransitioning = false;

      this._element = element;

      this._config = this._getConfig(config);

      this._triggerArray = [].slice.call(document.querySelectorAll("[data-toggle=\"collapse\"][href=\"#" + element.id + "\"]," + ("[data-toggle=\"collapse\"][data-target=\"#" + element.id + "\"]")));

      var toggleList = [].slice.call(document.querySelectorAll(SELECTOR_DATA_TOGGLE));

      for (var i = 0, len = toggleList.length; i < len; i++) {

        var elem = toggleList[i];

        var selector = Util__default["default"].getSelectorFromElement(elem);

        var filterElement = [].slice.call(document.querySelectorAll(selector)).filter(function (foundElem) {

          return foundElem === element;

        });

        if (selector !== null && filterElement.length > 0) {

          this._selector = selector;

          this._triggerArray.push(elem);

        }

      }

      this._parent = this._config.parent ? this._getParent() : null;

      if (!this._config.parent) {

        this._addAriaAndCollapsedClass(this._element, this._triggerArray);

      }

      if (this._config.toggle) {

        this.toggle();

      }

    } // Getters

    var _proto = Collapse.prototype;

    // Public

    _proto.toggle = function toggle() {

      if ($__default["default"](this._element).hasClass(CLASS_NAME_SHOW)) {

        this.hide();

      } else {

        this.show();

      }

    };

    _proto.show = function show() {

      var _this = this;

      if (this._isTransitioning || !$__default["default"](this._element).hasClass(CLASS_NAME_SHOW)) {

        return;

      }

      var startEvent = $__default["default"].Event(EVENT_HIDE);

      $__default["default"](this._element).trigger(startEvent);

      if (startEvent.isDefaultPrevented()) {

        return;

      }

      var dimension = this._getDimension();

      this._element.style[dimension] = this._element.getBoundingClientRect()[dimension] + "px";

      Util__default["default"].reflow(this._element);

      $__default["default"](this._element).addClass(CLASS_NAME_COLLAPSING).removeClass(CLASS_NAME_COLLAPSE + " " + CLASS_NAME_SHOW);

      var triggerArrayLength = this._triggerArray.length;

      if (triggerArrayLength > 0) {

        for (var i = 0; i < triggerArrayLength; i++) {

          var trigger = this._triggerArray[i];

          var selector = Util__default["default"].getSelectorFromElement(trigger);

          if (selector !== null) {

            var $elem = $__default["default"]([].slice.call(document.querySelectorAll(selector)));

            if (!$elem.hasClass(CLASS_NAME_SHOW)) {

              $__default["default"](trigger).addClass(CLASS_NAME_COLLAPSED).attr('aria-expanded', false);

            }

          }

        }

      }

      this.setTransitioning(true);

      var complete = function complete() {

        _this2.setTransitioning(false);

        $__default["default"](_this2._element).removeClass(CLASS_NAME_COLLAPSING).addClass(CLASS_NAME_COLLAPSE).trigger(EVENT_HIDDEN);

      };

      this._element.style[dimension] = '';

      var transitionDuration = Util__default["default"].getTransitionDurationFromElement(this._element);

      $__default["default"](this._element).one(Util__default["default"].TRANSITION_END, complete).emulateTransitionEnd(transitionDuration);

    };

    _proto.setTransitioning = function setTransitioning(isTransitioning) {

      this._isTransitioning = isTransitioning;

    };

    _proto.dispose = function dispose() {

      $__default["default"].removeData(this._element, DATA_KEY);

      this._config = null;

      this._parent = null;

      this._element = null;

      this._triggerArray = null;

      this._isTransitioning = null;

    } // Private

    ;

    _proto._getConfig = function _getConfig(config) {

      config = _extends({}, Default, config);

      config.toggle = Boolean(config.toggle); // Coerce string values

      Util__default["default"].typeCheckConfig(NAME, config, DefaultType);

      return config;

    };

    _proto._getDimension = function _getDimension() {

      var hasWidth = $__default["default"](this._element).hasClass(DIMENSION_WIDTH);

      return hasWidth ? DIMENSION_WIDTH : DIMENSION_HEIGHT;

    };

    _proto._getParent = function _getParent() {

      var _this3 = this;

      var parent;

      if (Util__default["default"].isElement(this._config.parent)) {

        parent = this._config.parent; // It's a jQuery object

        if (typeof this._config.parent.jquery !== 'undefined') {

          parent = this._config.parent[0];

        }

      } else {

        parent = document.querySelector(this._config.parent);

      }

      var selector = "[data-toggle=\"collapse\"][data-parent=\"" + this._config.parent + "\"]";

      var children = [].slice.call(parent.querySelectorAll(selector));

      $__default["default"](children).each(function (i, element) {

        _this3._addAriaAndCollapsedClass(Collapse._getTargetFromElement(element), [element]);

      });

      return parent;

    };

    _proto._addAriaAndCollapsedClass = function _addAriaAndCollapsedClass(element, triggerArray) {

      var isOpen = $__default["default"](element).hasClass(CLASS_NAME_SHOW);

      if (triggerArray.length) {

        $__default["default"](triggerArray).toggleClass(CLASS_NAME_COLLAPSED, !isOpen).attr('aria-expanded', isOpen);

      }

    } // Static

    ;

    Collapse._getTargetFromElement = function _getTargetFromElement(element) {

      var selector = Util__default["default"].getSelectorFromElement(element);

      return selector ? document.querySelector(selector) : null;

    };

    Collapse._jQueryInterface = function _jQueryInterface(config) {

      return this.each(function () {

        var $element = $__default["default"](this);

        var data = $element.data(DATA_KEY);

        var _config = _extends({}, Default, $element.data(), typeof config === 'object' && config ? config : {});

        if (!data && _config.toggle && typeof config === 'string' && /show|hide/.test(config)) {

          _config.toggle = false;

        }

        if (!data) {

          data = new Collapse(this, _config);

          $element.data(DATA_KEY, data);

        }

        if (typeof config === 'string') {

          if (typeof data[config] === 'undefined') {

            throw new TypeError("No method named \"" + config + "\"");

          }

          data[config]();

        }

      });

    };

    _createClass(Collapse, null, [{

      key: "VERSION",

      get: function get() {

        return VERSION;

      }

    }, {

      key: "Default",

      get: function get() {

        return Default;

      }

    }]);

    return Collapse;

  }();

  /**

   * Data API implementation

   */

  $__default["default"](document).on(EVENT_CLICK_DATA_API, SELECTOR_DATA_TOGGLE, function (event) {

    // preventDefault only for <a> elements (which change the URL) not inside the collapsible element

    if (event.currentTarget.tagName === 'A') {

      event.preventDefault();

    }

    var $trigger = $__default["default"](this);

    var selector = Util__default["default"].getSelectorFromElement(this);

    var selectors = [].slice.call(document.querySelectorAll(selector));

    $__default["default"](selectors).each(function () {

      var $target = $__default["default"](this);

      var data = $target.data(DATA_KEY);

      var config = data ? 'toggle' : $trigger.data();

      Collapse._jQueryInterface.call($target, config);

    });

  });

  /**

   * jQuery

   */

  $__default["default"].fn[NAME] = Collapse._jQueryInterface;

  $__default["default"].fn[NAME].Constructor = Collapse;

  $__default["default"].fn[NAME].noConflict = function () {

    $__default["default"].fn[NAME] = JQUERY_NO_CONFLICT;

    return Collapse._jQueryInterface;

  };

  return Collapse;

}));

//# sourceMappingURL=collapse.js.map